<%--
  Created by IntelliJ IDEA.
  User: MI
  Date: 2021/10/18
  Time: 15:13
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="themes/icon.css">
    <script src="jquery.min.js"></script>
    <script src="jquery.easyui.min.js"></script>
</head>
<body>
<div id="mm" class="easyui-menu" style="width:120px;">
    <div onclick="javascript:alert('new')">New</div>
    <div>
        <span>Open</span>
        <div style="width:150px;">
            <div><b>Word</b></div>
            <div>Excel</div>
            <div>PowerPoint</div>
        </div>
    </div>
    <div icon="icon-save">Save</div>
    <div class="menu-sep"></div>
    <div>Exit</div>
    <div>看一看</div>
    <div>瞧一瞧</div>
</div>
<button id="b1">试一试</button>
<script>
    $(function () {
        $("#b1").click(function () {
            $('#mm').menu('show', {
                left: 200,
                top: 100
            });
        });
    })

</script>
</body>
</html>
